<template>
    <div>
        <navBar></navBar>
        <div class="content">
            <review :comments="userNoticeList"></review>
        </div>
    </div>

</template>

<script>
import navBar from '@/components/navBar.vue'
import review from '@/components/review.vue'
import { userNotice } from '@/api/video'
export default {
    components: {
        navBar,
        review
    },
    data() {
        return {
            userdata: undefined,
            userNoticeList: new Array()
        }
    },
    mounted() {
        this.userdata = this.$store.getters.token
        this.getUserNotice()
    },
    methods: {
        getUserNotice() {
            const data = {
                userId: this.userdata.userId
            }
            userNotice(data).then(res => {
                this.userNoticeList = res.data
            })
        }
    }
}
</script>

<style scoped>
.navBar {
    position: sticky;
    top: -178px;
    z-index: 1;
}

.content {
    width: 80%;
    min-width: 1100px;
    margin: auto;
    padding-top: 30px;
}
</style>